<template>
	<el-container >
		<el-main class="avoidance">
		  <!-- <div class="avoidance">
			  <div>上涨的唯一条件是交易条件卖强卖弱</div>
			  <div>追涨杀跌并没有错，错在后追涨，所有要预判大多数人追涨杀跌，所以要早追涨早杀跌</div>
			  <div>多数人开始追涨，就会造成卖强卖弱，即造成出货条件</div>
		  </div> -->
        <el-tabs v-model="activeName" class="demo-tabs" >
            <el-tab-pane :label="item.name"  :key="item.key"  :name="item.key" v-for="(item) in mockData">
                <div v-html="item.content"></div>
            </el-tab-pane>
        </el-tabs>
      </el-main>
    </el-container>
</template>
<script lang="ts" setup>
import { mockData } from './index' 
import { ref } from 'vue'
const activeName = ref('1')
</script>
<style lang="scss" scoped> 
.el-container {
    width: 100%;
    height: 100%;
    padding: 20px;
}
.avoidance {
    width: 100%;
    height: 100%;
    background-color: white;
    border: 1px solid #E4E7ED;
    border-radius: 2px;
    overflow: auto;
}
</style>
